$(function () {
    let form =layui.form;
    form.verify({
        nickname: [
            /^\S{1,10}$/,
            '昵称长度为1-10字符!'
        ]
    })
    // 需求2 : 初始化用户信息
    let layer =layui.layer;
    initUserInfo();
    function initUserInfo() {
        axios({
            method: 'GET',
            url:'/my/userinfo',
        }).then(res =>{
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            }
            form.val('formUserInfo',res.data.data)
        })
    }

    // 需求3: 重置表单
    $("#btnReset").on('click',function (e) {
        // 阻止表单默认重置行为
        e.preventDefault();
        // 重置渲染表单
        initUserInfo();
    })

    // 需求4: 提交表单 
    $("form").on('submit',function (e) {
        e.preventDefault();
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize(),
        }).then((res) => {
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('修改成功');
            window.parent.getUserInfo();
        })
    })
})